/*Brand*/
.active .yanchi02 {
	animation-delay: .2s!important;
}
.active .yanchi03 {
	animation-delay: .3s!important;
}

.active .yanchi04 {
	animation-delay: .4s!important;
}

.active .yanchi05 {
	animation-delay: .5s!important;
}

.active .yanchi06 {
	animation-delay: .6s!important;
}

.active .yanchi07 {
	animation-delay: .7s!important;
}

.active .yanchi08 {
	animation-delay: .8s!important;
}

.active .yanchi09 {
	animation-delay: .9s!important;
}

.active .yanchi10 {
	animation-delay: 1s!important;
}

.active .yanchi11 {
	animation-delay: 1.1s!important;
}

.active .yanchi12 {
	animation-delay: 1.2s!important;
}

.active .yanchi13 {
	animation-delay: 1.3s!important;
}

.active .yanchi14 {
	animation-delay: 1.4s!important;
}

.active .yanchi15 {
	animation-delay: 1.5s!important;
}

.active .yanchi16 {
	animation-delay: 1.6s!important;
}

.active .yanchi17 {
	animation-delay: 1.7s!important;
}

.active .yanchi18 {
	animation-delay: 1.8s!important;
}

.active .yanchi19 {
	animation-delay: 1.9s!important;
}

.active .yanchi20 {
	animation-delay: 2s!important;
}
.active .yanchi21 {
	animation-delay: 2.1s!important;
}
.active .yanchi22 {
	animation-delay: 2.2s!important;
}

.active .yanchi25 {
	animation-delay: 2.5s!important;
}

.active .yanchi30 {
	animation-delay: 3s!important;
}

.active .flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation: flipInX .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.active .flipInX1 {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation: flipInX ease 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	to {
		transform: perspective(400px);
	}
}

.active .slideInRight {
	animation: slideInRight 3s;
}

@keyframes slideInRight {
	from {
		transform: translate3d(500%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}


.active .rotateInUpLeft {
  animation: rotateInUpLeft .8s;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.active .Top_ {
	animation: fadeInDown .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -50%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.active .Bottom_ {
	animation: fadeInUp .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.active .Right_ {
	animation: fadeInRight .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.active .Left_ {
	animation: fadeInLeft .7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-50%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.active .scale {
    animation: scale 1s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes scale {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.active .zoomInRight {
    animation: zoomInRight 3s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.active .fadeInRight {
    animation: fadeInRight 2.5s;
     -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}